<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../static/plugins/jquery-easyui-1.5.5.4/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../static/plugins/jquery-easyui-1.5.5.4/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../static/plugins/easyui/common/index.css">
	<link href="../static/plugins/easyui/jquery-easyui-theme/icon.css" rel="stylesheet" type="text/css" />
	<link href="../static/plugins/easyui/icons/icon-all.css" rel="stylesheet" type="text/css" />
	<link href="../static/plugins/easyui/common/other.css" rel="stylesheet" type="text/css" />
	<script src="../webjars/jquery/3.3.1/dist/jquery.js"></script>
	<script type="text/javascript" src="../static/plugins/jquery-easyui-1.5.5.4/jquery.easyui.min.js"></script>
	<script src="../static/plugins/easyui/jeasyui-extensions/jeasyui.extensions.js" type="text/javascript"></script>
	<script src="../static/plugins/easyui/jeasyui-extensions/jeasyui.extensions.window.js" type="text/javascript"></script>
	<script src="../static/plugins/easyui/jeasyui-extensions/jeasyui.extensions.dialog.js" type="text/javascript"></script>
	<script src="../static/plugins/easyui/jeasyui-extensions/jeasyui.extensions.validatebox.js" type="text/javascript"></script>
</head>
<body>
	<div>
	<form id="mainform" action="addDatabaseConfigInfo" method="post">
		<table class="formTable">
			 <tr>
				<td>名称：</td>
				<td><input id="name"  name="name" type="text" value="" class="easyui-validatebox"   data-options="width: 150"/>
				</td>
		      </tr>
			  <tr>
				<td>数据库类型： </td>
				<td>
				<select id="databaseType" name="databaseType" style="font-size:12px;" class="easyui-validatebox"   data-options="width: 150"   >
				   <option value="MySql" >MySql</option>  
				  <!--  <option value="Oracle" >Oracle</option> -->
				   <option value="PostgreSQL" >PostgreSQL</option>
				   <option value="HANA" >HANA</option>
				   <option value="SQLSERVER" >SQLSERVER</option>
				</select>
				</td>
			</tr>
			 
			<!--  <tr>
				<td>默认数据库：</td>
				<td><input id="databaseName"  name="databaseName" type="text" value="${config.databaseName }"   class="easyui-validatebox"   data-options="width: 150,required:'required'"/>
				<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-tip" plain="true" title="Oracle请填写实例名"></a>
				</td>
			 </tr>  -->
			 <tr>
				<td>IP地址：</td>
				<td><input id="ip" name="ip" type="text" value="" class="easyui-validatebox" data-options="width: 150,required:'required',validType:'length[3,20]'"/></td>
			 </tr>
			 <tr>
				<td>端口：</td>
				<td><input  id="port" name="port" type="text" value="" class="easyui-validatebox"   data-options="width: 150,required:'required'"    />   
				<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-tip" plain="true" title=" MySql 默认端口为:3306 &#13;MariaDB默认端口为:3306 &#13;Oracle默认端口为:1521 &#13;PostgreSQL默认端口:5432 &#13;MSSQL默认端口为:1433 &#13;MongoDB默认端口:27017 &#13; "></a>
				</td>
			 </tr>
			
			 <tr>
				<td>用户名：</td>
				<td><input id="databaseUserName"  name="databaseUserName" type="text" value="" class="easyui-validatebox"  data-options="width:150" /></td>
			 </tr>
			
			<tr>
				<td>密   码：</td>
				<td><input id="databasePassword" name="databasePassword" type="password" value="" class="easyui-validatebox"  data-options="width:150"  /></td>
			</tr>
			 
			 <tr>
				<td> </td>
				<td> <span id="mess2">  </span> </td>
			</tr>
			 
		</table>
		
		 
	</form>
</div>

</body>
</html>